<!DOCTYPE HTML>
<html>
<head>
  <title>Validation</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="Modern Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!-- Bootstrap Core CSS -->
<link href="../css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- Custom CSS -->
<link href="../css/style.css" rel='stylesheet' type='text/css' />
<link href="../css/font-awesome.css" rel="stylesheet">
<!-- jQuery -->
<script src="../js/jquery.min.js"></script>
<!----webfonts--->
<link href='http://fonts.useso.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<!---//webfonts--->
<!-- Bootstrap Core JavaScript -->
<script src="../js/bootstrap.min.js"></script>

<link type="text/css" rel='stylesheet' href="welcome.css"/>

</head>
<body>
<div id="wrapper">
  <!-- Navigation -->
  <nav class="top1 navbar navbar-default navbar-static-top  navbar-inverse" role="navigation">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html">迎新系统</a>
    </div>
    <!-- /.navbar-header -->
    <ul class="nav navbar-nav navbar-right">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <i class="fa fa-comments-o"></i>
          <span class="badge">4</span>
        </a>
        <ul class="dropdown-menu">
          <li class="dropdown-menu-header"> <strong>Messages</strong>
            <div class="progress thin">
              <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                <span class="sr-only">40% Complete (success)</span>
              </div>
            </div>
          </li>
          <li class="avatar">
            <a href="#">
              <img src="images/1.png" alt=""/>
              <div>New message</div>
              <small>1 minute ago</small>
              <span class="label label-info">NEW</span>
            </a>
          </li>
          <li class="avatar">
            <a href="#">
              <img src="images/2.png" alt=""/>
              <div>New message</div>
              <small>1 minute ago</small>
              <span class="label label-info">NEW</span>
            </a>
          </li>
          <li class="avatar">
            <a href="#">
              <img src="images/3.png" alt=""/>
              <div>New message</div>
              <small>1 minute ago</small>
            </a>
          </li>
          <li class="avatar">
            <a href="#">
              <img src="images/4.png" alt=""/>
              <div>New message</div>
              <small>1 minute ago</small>
            </a>
          </li>
          <li class="avatar">
            <a href="#">
              <img src="images/5.png" alt=""/>
              <div>New message</div>
              <small>1 minute ago</small>
            </a>
          </li>
          <li class="avatar">
            <a href="#">
              <img src="images/pic1.png" alt=""/>
              <div>New message</div>
              <small>1 minute ago</small>
            </a>
          </li>
          <li class="dropdown-menu-footer text-center">
            <a href="#">View all messages</a>
          </li>
        </ul>
      </li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle avatar" data-toggle="dropdown">
          <img src="images/1.png" alt=""/>
          <span class="badge">9</span>
        </a>
        <ul class="dropdown-menu">
          <li class="dropdown-menu-header text-center"> <strong>Account</strong>
          </li>
          <li class="m_2">
            <a href="#"> <i class="fa fa-bell-o"></i>
              Updates
              <span class="label label-info">42</span>
            </a>
          </li>
          <li class="m_2">
            <a href="#">
              <i class="fa fa-envelope-o"></i>
              Messages
              <span class="label label-success">42</span>
            </a>
          </li>
          <li class="m_2">
            <a href="#">
              <i class="fa fa-tasks"></i>
              Tasks
              <span class="label label-danger">42</span>
            </a>
          </li>
          <li>
            <a href="#">
              <i class="fa fa-comments"></i>
              Comments
              <span class="label label-warning">42</span>
            </a>
          </li>
          <li class="dropdown-menu-header text-center">
            <strong>Settings</strong>
          </li>
          <li class="m_2">
            <a href="#">
              <i class="fa fa-user"></i>
              Profile
            </a>
          </li>
          <li class="m_2">
            <a href="#">
              <i class="fa fa-wrench"></i>
              Settings
            </a>
          </li>
          <li class="m_2">
            <a href="#">
              <i class="fa fa-usd"></i>
              Payments
              <span class="label label-default">42</span>
            </a>
          </li>
          <li class="m_2">
            <a href="#">
              <i class="fa fa-file"></i>
              Projects
              <span class="label label-primary">42</span>
            </a>
          </li>
          <li class="divider"></li>
          <li class="m_2">
            <a href="#">
              <i class="fa fa-shield"></i>
              Lock Profile
            </a>
          </li>
          <li class="m_2">
            <a href="#">
              <i class="fa fa-lock"></i>
              Logout
            </a>
          </li>
        </ul>
      </li>
    </ul>
    <form class="navbar-form navbar-right">
      <input type="text" class="form-control" value="Search..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search...';}"></form>

       </nav>
    <div class="navbar-default sidebar" role="navigation"  style="min-height:48em">
      <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
          <li>
            <a href="index.html">
              <i class="fa fa-dashboard fa-fw nav_icon"></i>
              Dashboard
            </a>
          </li>
          <li>
            <a href="#">
              <i class="fa fa-laptop nav_icon"></i>
              Layouts
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="grids.html">Grid System</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="#">
              <i class="fa fa-indent nav_icon"></i>
              Menu Levels
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="graphs.html">Graphs</a>
              </li>
              <li>
                <a href="typography.html">Typography</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="#">
              <i class="fa fa-envelope nav_icon"></i>
              Mailbox
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="inbox.html">Inbox</a>
              </li>
              <li>
                <a href="compose.html">Compose email</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="widgets.html">
              <i class="fa fa-flask nav_icon"></i>
              Widgets
            </a>
          </li>
          <li>
            <a href="#">
              <i class="fa fa-check-square-o nav_icon"></i>
              Forms
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="forms.html">Basic Forms</a>
              </li>
              <li>
                <a href="validation.html">Validation</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="#">
              <i class="fa fa-table nav_icon"></i>
              Tables
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="basic_tables.html">Basic Tables</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="#">
              <i class="fa fa-sitemap fa-fw nav_icon"></i>
              Css
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="media.html">Media</a>
              </li>
              <li>
                <a href="login.html">Login</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="#">
              <i class="fa fa-sitemap fa-fw nav_icon"></i>
              现场迎新管理
              <span class="fa arrow"/>
            </a>
            <ul class="nav nav-second-level">

              <li>
                <a href="checkIn.html">登记报到单打印状态</a>
              </li>
              <li>
                <a href="militarySuppliesManagement.html">军训用品发送管理</a>
              </li>
              <li>
                <a href="studySuppliesManagement.html">学习用品发放管理</a>
              </li>
              <li>
                <a href="cardManagement.html">一卡通发放管理</a>
              </li>
              <li>
                <a href="medicareManagment.html">医保办理管理</a>
              </li>
              <li>
                <a href="sitePayment.html">现场缴费管理</a>
              </li>
              <li>
                <a href="departmentReport.html">院系报到管理</a>
              </li>
              <li>
                <a href="fileSubmission.html">档案提交管理</a>
              </li>

            </ul>
          </li>
        </ul>
      </div>
      <!-- /.sidebar-collapse --> </div>
    <!-- /.navbar-static-side -->
  <div id="page-wrapper" style="background-color:#f2f4f8">
    <div class="graphs">

      <div class="col_3">
        <div class="col-md-12">
          <div class="r3_counter_box">
            <div class="stats">
              <h5>
                <strong>一卡通发放管理</strong>
              </h5>
              <span>New Index</span>
            </div>
          </div>
        </div>

        <div class="clearfix"></div>
      </div>

      <div class="col_1"  style="margin-top:1em">

        <div class="col-md-12">
          <div class="box">
            <div class="control-group  col-md-3">
              <div class="controls">
                <label class="control-label">
                  <strong>学院</strong>
                </label>
                <select>
                  <option>信息学院</option>
                  <option>软件学院</option>
                  <option>农学院</option>
                  <option>外国语学院</option>
                </select>
              </div>
            </div>

            <div class="control-group  col-md-3">
              <div class="controls">
                <label class="control-label">
                  <strong>专业</strong>
                </label>
                <select>
                  <option>软件专业</option>
                  <option>软件学院</option>
                  <option>农学院</option>
                  <option>外国语学院</option>
                </select>
              </div>
            </div>

            <div class="control-group  col-md-3">
              <div class="controls">
                <label class="control-label">
                  <strong>班级</strong>
                </label>
                <select>
                  <option>R1</option>
                  <option>R2</option>
                  <option>R3</option>
                  <option>R4</option>
                </select>
              </div>
            </div>

            <button type="submit" style="margin-top:-4px" class="btn btn-info">Search</button>

          </div>

          <div class="panel panel-warning" style="border-color: #5bc0b2;" data-widget="{&quot;draggable&quot;: &quot;false&quot;}" data-widget-static="">
            <div class="panel-heading" style="background-color: #5bc0de;border-color: #5bc0b2;">
              <h2>下面是查询到的一卡通领取信息</h2>
              <div class="panel-ctrls" data-actions-container="" data-action-collapse="{&quot;target&quot;: &quot;.panel-body&quot;}">
                <span class="button-icon has-bg">
                  <i class="ti ti-angle-down"></i>
                </span>
              </div>
            </div>
            <div class="panel-body no-padding" style="display: block;">
              <table class="table table-striped  table-bordered">
                <thead>
                  <tr class="success">
                    <th>班级</th>
                    <th>姓名</th>
                    <th>一卡通卡号</th>
                    <th>状态</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>R1</td>
                    <td>张继科</td>
                    <td>HZ5345235</td>
                    <td>未领取</td>
                    <td>
                      <a type="button" class="btn-info btn-sm btn">领取</a>
                    </td>
                  </tr>

                  <tr>
                    <td>R1</td>
                    <td>张继科</td>
                    <td>HZ5345235</td>
                    <td>未领取</td>
                    <td>
                      <a type="button" class="btn-info btn-sm btn">领取</a>
                    </td>
                  </tr>

                  <tr>
                    <td>R1</td>
                    <td>张继科</td>
                    <td>HZ5345235</td>
                    <td>未领取</td>
                    <td>
                      <a type="button" class="btn-info btn-sm btn">领取</a>
                    </td>
                  </tr>

                  <tr>
                    <td>R1</td>
                    <td>张继科</td>
                    <td>HZ5345235</td>
                    <td>未领取</td>
                    <td>
                      <a type="button" class="btn-info btn-sm btn">领取</a>
                    </td>
                  </tr>

                  <tr>
                    <td>R1</td>
                    <td>张继科</td>
                    <td>HZ5345235</td>
                    <td>未领取</td>
                    <td>
                      <a type="button" class="btn-info btn-sm btn">领取</a>
                    </td>
                  </tr>
                </tbody>
              </table>

              <nav style="text-align:center">
                <ul class="pagination">
                  <li class="disabled">
                    <a href="#" aria-label="Previous">
                      <span aria-hidden="true">«</span>
                    </a>
                  </li>
                  <li class="active">
                    <a href="#">
                      1
                      <span class="sr-only">(current)</span>
                    </a>
                  </li>
                  <li class="">
                    <a href="#">
                      2
                      <span class="sr-only">(current)</span>
                    </a>
                  </li>
                  <li class="">
                    <a href="#">
                      3
                      <span class="sr-only">(current)</span>
                    </a>
                  </li>
                  <li class="">
                    <a href="#">
                      4
                      <span class="sr-only">(current)</span>
                    </a>
                  </li>
                  <li class="">
                    <a href="#">
                      5
                      <span class="sr-only">(current)</span>
                    </a>
                  </li>
                  <li class="">
                    <a href="#">
                      6
                      <span class="sr-only">(current)</span>
                    </a>
                  </li>
                  <li>
                    <a href="#" aria-label="Next">
                      <span aria-hidden="true">»</span>
                    </a>
                  </li>
                </ul>
              </nav>

            </div>
          </div>
        </div>

        <div class="clearfix"></div>
      </div>

    </div>
  </div>
  <!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<!-- Nav CSS -->
<link href="../css/custom.css" rel="stylesheet">
<!-- Metis Menu Plugin JavaScript -->
<script src="../js/metisMenu.min.js"></script>
<script src="../js/custom.js"></script>
</body>
</html>